@import './markdown.css';
@import './fonts.css';
@import './docsearch.css';
@tailwind base;
@tailwind components;
@tailwind utilities;

/* 
 * Prose overrides - must be loaded after @tailwind utilities
 * This file contains styles that override Tailwind Typography defaults
 */

/* Remove backticks from inline code elements */
.prose
  :where(code):not(
    :where([class~='not-prose'], [class~='not-prose'] *)
  )::before,
.prose
  :where(code):not(
    :where([class~='not-prose'], [class~='not-prose'] *)
  )::after {
  content: none !important;
}

/* Enhanced inline code styling with theme colors */
.prose
  :where(code):not(:where([class~='not-prose'], [class~='not-prose'] *)):not(
    pre code
  ) {
  background-color: rgb(238 244 255) !important;
  color: rgb(26 55 122) !important;
  padding: 0.125rem 0.375rem !important;
  border-radius: 0.25rem !important;
  font-size: 0.875em !important;
  font-weight: 500 !important;
  font-family:
    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
    'Courier New', monospace !important;
  border: 1px solid rgb(199 215 254) !important;
  transition: all 0.15s ease !important;
}

.prose
  :where(code):not(:where([class~='not-prose'], [class~='not-prose'] *)):not(
    pre code
  ):hover {
  background-color: rgb(224 233 255) !important;
  border-color: rgb(164 189 252) !important;
}

/* Dark mode styles */
.dark
  .prose
  :where(code):not(:where([class~='not-prose'], [class~='not-prose'] *)):not(
    pre code
  ) {
  background-color: rgb(26 55 122) !important;
  color: rgb(129 153 249) !important;
  border-color: rgb(37 99 235) !important;
}

.dark
  .prose
  :where(code):not(:where([class~='not-prose'], [class~='not-prose'] *)):not(
    pre code
  ):hover {
  background-color: rgb(37 99 235) !important;
  border-color: rgb(46 126 238) !important;
}
